<template>
	<view class="flex flex-1 flex-col">
		<!-- <trtc-local-view :viewId="params.userId" v-if="params.userId" style="opacity: 0;width: 1px;height: 1px;"></trtc-local-view> -->
		<view class="flex justify-around" style="width: 100rpx;">
			<view class="">
				<view class="bg-white mb-1" v-for="e of 10" :key="e" style="width:30rpx;height: 8rpx;"></view>
			</view>
			<view class="ml-1">
				<view class="bg-white mb-1" v-for="e of 10" :key="e" style="width:30rpx;height: 8rpx;"></view>
			</view>
		</view>
		<view class="flex-col items-center">
			<nv-image :src="params.headimg" shape="circle" width="100rpx" height="100rpx"></nv-image>
			<text class="color-white font-sm">{{params.nickname.substring(0,5)||'匿名连接'}}</text>
		</view>
		<!-- 	<view class="flex-col justify-center flex-1 items-center">
			<nv-image @click="startLocalAudio(params.audio)" v-if="pause"
				:src="params.audio?`/static/icons/audio.png`:`/static/icons/audio_.png`" width="50rpx"
				height="50rpx"></nv-image>
			<uni-icons type="clear" size="37" color="red" v-if="params.userId==user.id&&role=='user'"
				@click="memberVoiAnchorEnd()"></uni-icons>
		</view> -->
	</view>
</template>

<script setup>
	import nvImage from '@/uni_modules/uv-image/components/uv-image/uv-image.vue'
	// import TrtcLocalView from '@/TrtcCloud/view/TrtcLocalView';
	const {
		params,
		algin,
		role,
		pause
	} = defineProps(['params', 'pause', 'algin', 'role'])
	const emit = defineEmits(['startLocalAudio'])
	const user = uni.getStorageSync('user')
	// 退出
	const memberVoiAnchorEnd = () => {
		emit('memberVoiAnchorEnd')
	}
	// 开启关闭麦克风
	const startLocalAudio = (type) => {
		params.audio = !type
		emit('startLocalAudio', params.audio)
	}
</script>

<style>
</style>